/* =========================================================
   IndustrialGold PRO - Neo Classic Industrial Theme
   Heavy Equipment / ERP Premium Style
   ========================================================= */

body {
    background-color: #ecebe6 !important;
}

/* =========================================================
   HEADER
   ========================================================= */

.SiteMasterHeader{
    background: linear-gradient( to bottom, #8a8a8a 0%, #707070 35%, #5d5d5d 72%, #4f4f4f 100% ) !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    padding-bottom: 0px;
}

.CompanyName {
    background: transparent !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    padding-bottom: 0px;
}


    /* =========================================================
   COMPANY TITLE
   ========================================================= */

    .CompanyName div#Name,
    .SystemTitle {
        color: #ffffff !important;
        text-shadow: 0 1px 2px rgba(0,0,0,.45);
    }

.BodyBack {
    width: 100%;
    background: linear-gradient( to bottom, #efeee9 0%, #ecebe6 100% );
    border-radius: 0px;
}

/* =========================================================
   PAGE TITLES
   ========================================================= */

.GridCrown,
table.paleBlueRows tbody tr:first-child {
    background: #ffe082 !important;
    color: #383862 !important;
    text-shadow: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 2px 6px rgba(0,0,0,.10);
    padding-top: 6px;
    padding-bottom: 6px;
}

.PageTitle {
    background: linear-gradient( to bottom, #b8b8b8 0%, #969696 18%, #747474 48%, #5e5e5e 52%, #4f4f4f 100% ) !important;
    border-top: 1px solid rgba(255,213,79,0.65);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), inset 0 -1px 0 rgba(0,0,0,0.25), 0 4px 10px rgba(0,0,0,0.14);
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    margin-top: 0 !important;
}


/* =========================================================
   FOOTER
   ========================================================= */

.DateRange,
.styleSiteMasterFooter {
    background: linear-gradient( to bottom, #7d7d7d 0%, #666666 48%, #565656 100% ) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
}


/* =========================================================
   TABLE MAIN
   ========================================================= */

table.paleBlueRows {
    background: #f5f5f5 !important;
    color: #555555 !important;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 18px rgba(0,0,0,0.10);
}


    /* =========================================================
   TABLE HEADER
   ========================================================= */

    table.paleBlueRows tbody tr:first-child {
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.35);
    }


        /* =========================================================
   TABLE HEADER TEXT
   ========================================================= */

        table.paleBlueRows tbody tr:first-child td {
            color: #444444 !important;
            font-weight: bold;
            text-shadow: 0 1px 0 rgba(255,255,255,0.22);
        }


    /* =========================================================
   TABLE EVEN ROWS
   ========================================================= */

    table.paleBlueRows tr:nth-child(even) {
        background: #ececec !important;
    }


    /* =========================================================
   TABLE ROW HOVER
   ========================================================= */

    table.paleBlueRows tbody tr:not(:first-child):not(:last-child):not(.GridFooter):not(.PagerStyle):hover td {
        background: #fff8dd !important;
        transition: all 0.14s ease;
    }


    /* =========================================================
   TABLE FOOTER
   ========================================================= */

    table.paleBlueRows tbody tr.GridFooter {
        background: linear-gradient( to bottom, #7a7a7a 0%, #5d5d5d 100% ) !important;
        color: #ffe082 !important;
    }


    /* =========================================================
   LINKS
   ========================================================= */

    table.paleBlueRows a {
        color: #383862 !important;
        font-weight: 600;
        transition: 0.15s ease;
    }

        table.paleBlueRows a:hover {
            color: #c99700 !important;
        }


/* =========================================================
   BUTTONS
   ========================================================= */

input[type=submit],
input[type=button],
button,
.Button,
.button {
    background: linear-gradient( to bottom, #fff0a6 0%, #ffe082 45%, #f3c300 100% ) !important;
    border: 1px solid #c79f00 !important;
    color: #383862 !important;
    border-radius: 8px;
    text-shadow: 0 1px 0 rgba(255,255,255,.25);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 3px 8px rgba(0,0,0,.15);
    transition: all .18s ease;
}


    /* =========================================================
   BUTTON HOVER
   ========================================================= */

    input[type=submit]:hover,
    input[type=button]:hover,
    button:hover,
    .Button:hover,
    .button:hover {
        background: linear-gradient( to bottom, #fff6c8 0%, #ffe89d 45%, #ffcf33 100% ) !important;
        transform: translateY(-1px);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.60), 0 5px 12px rgba(0,0,0,.22);
    }
/* =========================================
   COMPACT HEADER - FINAL CLEAN
========================================= */
.CompactHeader {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    overflow: visible;
    background: linear-gradient( to bottom, #8d8d8d 0%, #737373 35%, #5f5f5f 70%, #505050 100% );
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 2px 6px rgba(0,0,0,.10);
}


/* =========================================
   TOP HEADER
========================================= */

.TopHeaderRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    min-height: 64px;
    padding: 6px 18px;
}


/* =========================================
   LEFT ICONS
========================================= */

.ActionsToolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.QuickActionBtn {
    width: 32px;
    height: 32px;
    padding: 5px !important;
    border-radius: 8px !important;
    gap: 6px !important;
    background: linear-gradient( to bottom, rgba(255,255,255,.07), rgba(0,0,0,.10) );
    border: 1px solid rgba(255,217,94,.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 2px 4px rgba(0,0,0,.14);
    transition: all .18s ease;
}

    .QuickActionBtn:hover {
        transform: translateY(-2px) scale(1.05);
        border-color: rgba(255,217,94,.45);
    }


/* =========================================
   CENTER TITLE
========================================= */

.SystemTitle {
    font-size: 28px;
    font-weight: bold;
    color: #ffd95e;
    text-shadow: 0 2px 3px rgba(0,0,0,.35);
    letter-spacing: .4px;
}


/* =========================================
   USER AREA
========================================= */


.UserDropdowns {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
#UsersList,
#UsersListSA {
    margin-top: -2px;
}


/* =========================================
   BOTTOM HEADER
========================================= */


/* =========================================
   RIGHT AREA (ORG)
========================================= */

.HeaderOrgArea {
    min-width: 260px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    color: white;
    font-weight: bold;
}


/* =========================================
   CENTER AREA (SEARCH)
========================================= */

.HeaderSearchArea {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}


/* =========================================
   LEFT AREA (LOCATION)
========================================= */

.HeaderLocationArea {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    min-width: auto;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
}
    .HeaderLocationArea:empty {
        display: none;
    }


/* =========================================
   FIELD
========================================= */

.HeaderField {
    display: flex;
    align-items: center;
    gap: 8px;
    color: white;
    font-weight: bold;
}


/* =========================================
   INPUTS
========================================= */

.CompactHeader input[type=text],
.CompactHeader select {
    height: 32px;
    border-radius: 8px;
    border: 1px solid #d4af37;
    background: #f7f7f7;
    padding: 0 10px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.08);
}


/* =========================================
   DROPDOWNS
========================================= */

#UsersList,
#UsersListSA,
#OrgsList,
.theme-dropdown {
    min-width: 150px;
}


/* =========================================
   TEXT
========================================= */

.CompactHeader label,
.CompactHeader span,
.CompactHeader td {
    color: white;
}
/* =========================================================
   THEME TOGGLE BUTTON
   ========================================================= */

.ThemeToggleBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    padding: 0 14px;
    border-radius: 10px;
    background: linear-gradient( to bottom, rgba(255,255,255,.12), rgba(255,255,255,.04) );
    border: 1px solid rgba(255,255,255,.18);
    color: #fff !important;
    font-weight: bold;
    text-decoration: none !important;
    transition: all .18s ease;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 2px 6px rgba(0,0,0,.18);
}

    .ThemeToggleBtn:hover {
        transform: translateY(-1px);
        background: linear-gradient( to bottom, rgba(255,255,255,.18), rgba(255,255,255,.07) );
        box-shadow: 0 5px 12px rgba(0,0,0,.22);
    }

.ThemeIconBtn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    text-decoration: none !important;
    color: white !important;
}

/* =========================================================
   FIX ORIGINAL HEADER ICONS
   ========================================================= */
/* =========================================
   HEADER UNIFICATION V1
========================================= */

.TopHeaderRow,
.BottomHeaderRow,
.SiteMasterHeader {
    position: relative;
    margin: 0 !important;
}

/* إزالة الحدود المكررة */

.SiteMasterHeader {
    border-top: none !important;
}

/* خط ذهبي خفيف يفصل فقط */

.TopHeaderRow::after,
.BottomHeaderRow::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 18px;
    left: 18px;
    height: 1px;
    background: linear-gradient( to left, transparent, rgba(0,0,0,.22), transparent );
}
.TopHeaderRow::after {
    display: none !important;
}

.SiteMasterHeader {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 -1px 0 rgba(255,255,255,.05), 0 3px 8px rgba(0,0,0,.18) !important;
}
/* =========================================
   HEADER BALANCE V2
========================================= */

/* صف المينيو */
.SiteMasterHeader {
    min-height: 0 !important;
}

/* العنوان */
.SystemTitle {
    font-size: 25px !important;
    line-height: 1.2;
}

/* الشعار */
.CompanySmallLogo img,
#Companylogo {
    height: 35px !important;
    width: auto !important;
}

/* الأزرار الجانبية */
.QuickActionBtn {
    width: 36px !important;
    height: 36px !important;
}

    /* أيقونات الأزرار */
    .QuickActionBtn img {
        width: 20px !important;
        height: 20px !important;
    }
/* =========================================
   PREMIUM HEADER V3
========================================= */

/* عنوان النظام */

.SystemTitle {
    text-shadow: 0 0 8px rgba(255,215,80,.18), 0 1px 1px rgba(0,0,0,.4);
    letter-spacing: .5px;
}


/* الأيقونات */

.QuickActionBtn {
    transition: all .2s ease !important;
}

    .QuickActionBtn:hover {
        transform: translateY(-2px) scale(1.04);
        box-shadow: 0 6px 18px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.15);
    }

/* SHOW */

.UserMenuWrapper:hover .ModernUserDropdown,
.ModernUserWrapper:hover .ModernUserDropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* =========================================
   MODERN USER DROPDOWN FINAL
========================================= */

.ModernUserWrapper {
    position: relative;
    z-index: 99999;
}

/* dropdown */

.ModernUserDropdown {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    min-width: 250px;
    padding: 14px;
    border-radius: 22px;
    background: linear-gradient( to bottom, rgba(96,96,96,.96), rgba(58,58,58,.98) );
    border: 1px solid rgba(255,215,120,.16);
    box-shadow: 0 18px 45px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter: blur(10px);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all .20s ease;
    z-index: 999999;
}
    .ModernUserDropdown #UsersList,
    .ModernUserDropdown #UsersListSA,
    .ModernUserDropdown #OrgsList {
        width: 100%;
        height: 38px;
        border-radius: 12px;
        background: #f7f7f7;
        border: 1px solid rgba(255,215,120,.35);
        padding: 0 12px;
        font-weight: bold;
    }

/* show */

.ModernUserWrapper:hover .ModernUserDropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* =========================================
   TOOLS GRID
========================================= */

.ModernDropGrid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
    padding-bottom: 14px;
}

    /* =========================================
   SMALL ICON BUTTONS
========================================= */

    .ModernDropGrid .HeaderIconBtn {
        width: 32px;
        height: 32px;
        border-radius: 10px;
        background: linear-gradient( to bottom, rgba(255,255,255,.07), rgba(0,0,0,.10) );
        border: 1px solid rgba(255,215,120,.14);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 2px 5px rgba(0,0,0,.16);
        transition: all .18s ease;
    }

        .ModernDropGrid .HeaderIconBtn:hover {
            transform: translateY(-2px);
            border-color: rgba(255,215,120,.35);
            box-shadow: 0 5px 12px rgba(0,0,0,.24);
        }

        .ModernDropGrid .HeaderIconBtn img {
            width: 13px !important;
            height: 13px !important;
            opacity: .92;
        }

/* =========================================
   ACCOUNT ITEMS
========================================= */

.ModernDropItem {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 10px;
    border-radius: 12px;
    color: #f3f3f3;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 600;
    transition: all .18s ease;
}

    /* icons */

    .ModernDropItem i {
        width: 16px;
        text-align: center;
        color: #ffd86b;
        font-size: 13px;
    }

    /* hover */

    .ModernDropItem:hover {
        background: rgba(255,215,120,.07);
        color: #ffe082;
    }

/* logout */

.LogoutItem:hover {
    background: rgba(255,90,90,.08);
    color: #ffb7b7;
}
.UserArrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: #ffd86b;
    font-size: 18px;
    transition: transform .18s ease;
}

.ModernUserWrapper:hover .UserArrow {
    transform: rotate(180deg) translateY(-1px);
}
/* button */

.ModernUserButton {
    height: 40px;
    min-width: 230px;
    padding: 0 16px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    cursor: pointer;
    background: linear-gradient( to bottom, rgba(255,255,255,.08), rgba(0,0,0,.12) );
    border: 1px solid rgba(255,215,80,.20);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 2px 8px rgba(0,0,0,.16);
    transition: all .18s ease;
    flex-direction: row;
}

    .ModernUserButton:hover {
        border-color: rgba(255,215,80,.45);
        transform: translateY(-1px);
    }
/* username */

.ModernUserName {
    color: #ffe082;
    font-size: 15px;
    font-weight: bold;
    white-space: nowrap;
}
.OrgSelectorBox {
    margin-bottom: 14px;
    padding: 10px;
    border-radius: 14px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,215,120,.10);
}

.OrgSelectorTitle {
    color: #ffe082;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 8px;
    display: block;
}
.ModernDropDivider {
    height: 1px;
    margin: 14px 4px;
    background: linear-gradient( to left, transparent, rgba(255,215,120,.28), transparent );
}
.ModernDropSectionTitle {
    color: #d8b85d;
    font-size: 13px;
    font-weight: 700;
    margin: 14px 18px 8px;
    opacity: .9;
}

/* =========================================
   INLINE MENU SEARCH - INSIDE MENU
========================================= */

.MenuSearchCell {
    width: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    position: relative;
}

.MenuInlineSearch {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(calc(-50% - 4px));
}

    .MenuInlineSearch input[type=text] {
        width: 150px !important;
        height: 30px !important;
        border-radius: 10px !important;
        padding: 0 12px !important;
        font-size: 12px !important;
        background: rgba(255,255,255,.85) !important;
        border: 1px solid rgba(255,215,120,.18) !important;
        transition: all .18s ease;
        box-shadow: 0 2px 6px rgba(0,0,0,.10);
    }

        .MenuInlineSearch input[type=text]:focus {
            width: 240px !important;
            background: #fff !important;
            box-shadow: 0 4px 12px rgba(0,0,0,.16);
        }
/* =========================================
   FIX SEARCH CTRL SELECT
========================================= */

.MenuInlineSearch select,
#SearchPage_lst {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    background-image: none !important;
    padding-right: 10px !important;
    height: 32px !important;
    min-width: 180px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255,215,120,.25) !important;
    background-color: #fff !important;
    color: #222 !important;
    font-size: 13px !important;
}
/* =========================================
   CLEAN EMPTY BOTTOM HEADER
========================================= */
.BottomHeaderRow {
    display: none !important;
}

/* old unused blocks */

.HeaderOrgArea,
.HeaderSearchArea,
.HeaderLocationArea {
    display: none !important;
}

/* =========================================================
   FINAL MENU CLEAN V1
   ========================================================= */

/* البار الرئيسى */
.MenuMainCell {
    width: 100% !important;
}

.menu {
    width: 100% !important;
    float: right !important;
    box-sizing: border-box !important;
    background: linear-gradient( to bottom, #8a8a8a 0%, #707070 35%, #5d5d5d 72%, #4f4f4f 100% ) !important;
    border-radius: 0 !important;
    min-height: 44px !important;
    padding: 4px 18px !important;
    overflow: visible !important;
    position: relative !important;
    border: 1px solid rgba(0,0,0,.18);
    border-top: none !important;
    box-shadow: inset 0 1px 1px #121212, inset 0 -1px 0px rgba(63, 59, 113, 0.2), 0 9px 16px 0 rgba(0, 0, 0, 0.3), 0 4px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px #150a1e;
    border-bottom: 1px solid rgba(255,255,255,.08);
    margin-bottom: 0 !important;
}

    /* منع قص القوائم */
    .menu,
    .menu ul,
    .menu li {
        overflow: visible !important;
    }

        /* القائمة الرئيسية */
        .menu > ul {
            float: right !important;
            width: auto !important;
            margin: 0 !important;
            padding: 0 !important;
        }

            /* عناصر المستوى الأول */
            .menu > ul > li {
                float: right !important;
                position: relative !important;
                margin-left: 0 !important;
            }

                /* لينكات المستوى الأول */
                .menu > ul > li > a {
                    color: #ffffff !important;
                    font-family: MenuFont !important;
                    font-size: 18px !important;
                    font-weight: bold !important;
                    padding: 10px 8px !important;
                    border-radius: 0 !important;
                    background: transparent !important;
                    text-shadow: 0 1px 0 rgba(0,0,0,.25);
                    transition: none !important;
                }

                    /* Hover المستوى الأول */
                    .menu > ul > li > a:hover,
                    .menu > ul > li:hover > a {
                        background: transparent !important;
                        color: #ffd86b !important;
                        box-shadow: none !important;
                    }

        /* =========================================================
   SUB MENU
   ========================================================= */

        .menu ul ul {
            position: absolute !important;
            top: 100% !important;
            right: 0 !important;
            left: auto !important;
            z-index: 9999;
            min-width: 280px !important;
            width: auto !important;
            max-width: none !important;
            margin-top: 0 !important;
            padding: 0 !important;
            border-radius: 4px !important;
            overflow: visible !important;

            background: linear-gradient( to bottom, #7a7a7a 0%, #656565 45%, #545454 100% ) !important;
            border: 1px solid rgba(243,195,0,.25);
            box-shadow: 0 10px 25px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
        }

            /* عناصر القوائم الفرعية */
            .menu ul ul li {
                margin: 0 !important;
                line-height: normal !important;
            }

                /* روابط القوائم الفرعية */
                .menu ul ul li a {
                    display: block !important;
                    width: 100% !important;
                    box-sizing: border-box !important;
                    font-family: MenuFont !important;
                    border-radius: 0 !important;
                    border-bottom: 1px solid rgba(255,255,255,.04);
                    white-space: nowrap !important;
                    transition: none !important;
                    font-size: 16px !important;
                    font-weight: 600 !important;
                    padding: 4px 8px !important;
                    line-height: 1.4 !important;
                    color: #f8f8f8 !important;
                    text-shadow: 0 1px 1px rgba(0,0,0,.35);
                }

                /* إزالة آخر خط */
                .menu ul ul li:last-child > a {
                    border-bottom: none !important;
                }

                /* Hover القوائم الفرعية */
                .menu ul ul li a:hover,
                .menu ul ul li:hover > a {
                    background: rgba(255,217,94,.14) !important;
                    color: #ffd86b !important;
                    box-shadow: none !important;
                }

        /* =========================================================
   RTL SUBMENU FIX
   ========================================================= */

        /* أول مستوى */
        .menu > ul > li > ul {
            top: 100% !important;
            right: 0 !important;
            left: auto !important;
        }

        /* المستويات التالية */
        .menu ul ul ul {
            top: 0 !important;
            right: 100% !important;
            left: auto !important;
        }




/* =========================================
   SE_CustomerOrderNew
========================================= */

.InvoiceSummaryBox {
    min-height: 180px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    padding: 10px;
    color: #49498a;
    box-shadow: 0 4px 15px rgba(0,0,0,.15);
}

.InvoiceSummaryHeader {
    background: linear-gradient(to right,#5f5aa8,#6f69c9);
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 8px;
    margin-bottom: 10px;
}

.order-cost-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,215,0,.15);
    padding: 12px 20px;
    border-radius: 12px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
    color: #49498a;
    font-size: 16px;
    min-height: 60px;
}

    .order-cost-box img {
        margin-left: 12px;
        transition: transform 0.3s ease;
        cursor: pointer;
        height: 40px;
    }

        .order-cost-box img:hover {
            transform: scale(1.1);
        }

.order-cost-label {
    font-weight: bold;
    margin-left: 6px;
}

.order-cost-value {
    margin-left: 5px;
    color: #2c2c6c;
}

.order-cost-currency {
    margin-right: 5px;
    font-weight: bold;
    color: #444;
}

.custom-dropdown {
    direction: rtl;
    background-color: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #ced4da;
    padding: 4px 9px;
    font-size: 14px;
    transition: border-color 0.3s, box-shadow 0.3s;
}

    .custom-dropdown:focus {
        border-color: #80bdff;
        box-shadow: 0 0 5px rgba(0,123,255,0.25);
        outline: none;
    }

.custom-input {
    width: 150px;
    border-radius: 8px;
    border: 1px solid #ced4da; /* إطار خفيف */
    background-color: #ffffff;
    padding: 6px 12px;
    font-size: 14px;
    color: #495057;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); /* ظل خفيف */
    transition: border-color 0.3s, box-shadow 0.3s;
}

    .custom-input:focus {
        border-color: #80bdff;
        box-shadow: 0 0 6px rgba(0, 123, 255, 0.2); /* ظل عند التركيز */
        outline: none;
    }


.center-link {
    justify-content: center; /* في النص */
}

.order-link {
    text-decoration: none;
    color: #4b3cc4;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.6);
    transition: all 0.25s ease;
}

    .order-link:hover {
        background-color: #ffffff;
        color: #2c2c6c;
        box-shadow: 0 3px 8px rgba(0,0,0,0.12);
    }

.with-icon {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
/* تنسيق الحاوية الرئيسية */
.erp-action-container {
    background: linear-gradient( to bottom, #707070 0%, #5f5f5f 100% );
    background-color: #606060;
    border: 1px solid #8a7440;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* تنسيق زر الحذف */
.erp-btn-delete {
    background-color: #dc3545;
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

    .erp-btn-delete:hover {
        background-color: #bb2d3b;
        color: #fff;
    }

/* تنسيق منطقة الترتيب */
.erp-sort-box {
    background-color: #ffffff;
    border: 1px dashed #0d6efd;
    padding: 5px 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

    .erp-sort-box label {
        margin-right: 8px;
        color: #0d6efd;
        font-weight: 600;
        cursor: pointer;
    }

    /* تحسين شكل الشيك بوكس الخاص بالترتيب */
    .erp-sort-box input[type="checkbox"] {
        transform: scale(1.2);
        cursor: pointer;
    }

.erp-hint {
    font-size: 0.85rem;
    color: #6c757d;
    margin-right: 10px;
}

/* تنسيق العنوان */
.erp-header-title {
    background: linear-gradient(90deg, #49498a 0%, #6d95e1 100%);
    color: white;
    padding: 10px 25px;
    border-radius: 50px; /* شكل بيضاوي احترافي */
    display: inline-block;
    font-weight: bold;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

/* حاوية الأزرار السفلية */
.erp-footer-actions {
    background: linear-gradient( to bottom, #707070 0%, #5f5f5f 100% );
    display: flex;
    justify-content: space-between; /* توزيع يمين ويسار */
    align-items: center;
    padding: 20px;
    background-color: #606060;
    border: 1px solid #8a7440;
    margin-top: 15px;
    border-radius: 8px;
}

/* تنسيق أزرار الحفظ والإلغاء */
.btn-erp-primary {
    background-color: #49498a;
    color: white;
    border: none;
    padding: 10px 25px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}

    .btn-erp-primary:hover {
        background-color: #363668;
    }

.btn-erp-secondary {
    background-color: #6c757d;
    color: white;
    border: none;
    padding: 10px 25px;
    border-radius: 5px;
    margin-left: 5px;
}

.btn-erp-danger-outline {
    background-color: transparent;
    color: #dc3545;
    border: 1px solid #dc3545;
    padding: 10px 25px;
    border-radius: 5px;
}

    .btn-erp-danger-outline:hover {
        background-color: #dc3545;
        color: white;
    }
/* =========================================
   SE_CustomerOrderNew - Industrial Theme
========================================= */
.InvoiceSummaryHeader {
    background: linear-gradient(to right,#5a5a5a,#777777);
    color: #ffd54f;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 8px;
    margin-bottom: 10px;
}

    .custom-dropdown:focus {
        border-color: #ffd54f;
        box-shadow: 0 0 5px rgba(255,213,79,.35);
        outline: none;
    }



    .custom-input:focus {
        border-color: #ffd54f;
        box-shadow: 0 0 6px rgba(255,213,79,.35);
        outline: none;
    }
.center-link {
    justify-content: center;
}


.with-icon {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.erp-btn-delete {
    background-color: #b83a3a;
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

    .erp-btn-delete:hover {
        background-color: #942c2c;
        color: #fff;
    }

.erp-sort-box {
    background-color: #5a5a5a;
    border: 1px dashed #d4af37;
    padding: 5px 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

    .erp-sort-box label {
        margin-right: 8px;
        color: #ffd54f;
        font-weight: 600;
        cursor: pointer;
    }

    .erp-sort-box input[type="checkbox"] {
        transform: scale(1.2);
        cursor: pointer;
    }
.erp-hint {
    font-size: 0.85rem;
    color: #c8c8c8;
    margin-right: 10px;
}
.erp-header-title {
    background: linear-gradient(90deg, #555555 0%, #777777 100%);
    color: #ffd54f;
    padding: 10px 25px;
    border-radius: 50px;
    display: inline-block;
    font-weight: bold;
    box-shadow: 0 4px 6px rgba(0,0,0,.25);
    margin-bottom: 20px;
}
.btn-erp-primary {
    background-color: #d4af37;
    color: #222;
    border: none;
    padding: 10px 25px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}

    .btn-erp-primary:hover {
        background-color: #c39b22;
    }
.btn-erp-secondary {
    background-color: #6c6c6c;
    color: white;
    border: none;
    padding: 10px 25px;
    border-radius: 5px;
    margin-left: 5px;
}
.btn-erp-danger-outline {
    background-color: transparent;
    color: #ff6b6b;
    border: 1px solid #ff6b6b;
    padding: 10px 25px;
    border-radius: 5px;
}

    .btn-erp-danger-outline:hover {
        background-color: #b83a3a;
        color: white;
    }
/* =========================================
   SE_CustomerOrderNew - Invoice Discount
========================================= */

.InvoiceDiscountBox {
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,215,0,.15);
    border-radius: 12px;
    padding: 15px;
    color: #49498a;
    box-shadow: 0 4px 15px rgba(0,0,0,.25);
    margin-top: 15px;
}

.InvoiceActions {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 8px;
}

    .InvoiceActions a {
        padding: 6px 12px;
        border-radius: 6px;
        text-decoration: none;
        font-weight: bold;
    }

/* =========================================
   SE_CustomerOrderNew - Upload Items Grid
========================================= */

.UploadItemsBox {
    background: linear-gradient(to right,#4a4a4a,#6a6a6a);
    color: #f0c14b;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    padding: 15px;
    color: #49498a;
    box-shadow: 0 4px 15px rgba(0,0,0,.15);
    margin-top: 15px;
}



/* =========================================
   SE_CustomerOrderNew - GridView
========================================= */

.UploadItemsGrid {
    padding: 10px;
}

    .UploadItemsGrid table {
        width: auto;
        margin: auto;
        border-collapse: separate;
        border-spacing: 0;
        border-radius: 12px;
        overflow: hidden;
    }

    .UploadItemsGrid th {
        background: linear-gradient(to right,#4f4f4f,#666666);
        color: #f0c14b;
        padding: 10px;
        text-align: center;
        font-weight: bold;
    }

    .UploadItemsGrid td {
        padding: 6px;
        background: #f7f7f7;
        color: #333;
    }

    .UploadItemsGrid tr:nth-child(even) td {
        background: #efefef;
    }

    .UploadItemsGrid tr:not([style*="Red"]):not([style*="Green"]):not([style*="Orange"]):not([style*="Yellow"]):hover td {
        background: #f8edc2;
    }

    .UploadItemsGrid input[type=text] {
        width: 95%;
        border: 1px solid #7a7a7a;
        border-radius: 6px;
        padding: 5px;
        text-align: center;
        background: #f7f7f7;
    }
    /* الكود */
    .UploadItemsGrid input[id*="txtCode"] {
        width: 200px !important;
    }

    .UploadItemsGrid input[id*="txtQuantityExisting"] {
        width: 100px !important;
    }

    .UploadItemsGrid input[id*="txtQuantity"]:not([id*="Existing"]) {
        width: 80px !important;
    }

    /* =========================================
   Upload Grid Validation Colors
========================================= */

    .UploadItemsGrid tr[style*="Red"] td,
    .UploadItemsGrid tr[style*="#FF0000"] td {
        background: #ff3b3b !important;
        color: #fff !important;
    }

    .UploadItemsGrid tr[style*="Orange"] td,
    .UploadItemsGrid tr[style*="#FFA500"] td {
        background: #ffb300 !important;
        color: #222 !important;
    }

    .UploadItemsGrid tr[style*="Green"] td,
    .UploadItemsGrid tr[style*="#008000"] td {
        background: #00a651 !important;
        color: #fff !important;
    }

    .UploadItemsGrid tr[style*="Yellow"] td,
    .UploadItemsGrid tr[style*="#FFFF00"] td {
        background: #fff176 !important;
        color: #222 !important;
    }

    .UploadItemsGrid tr[style*="Red"] input[type=text] {
        background: #ffdede !important;
        border-color: #ff8a8a !important;
    }

    .UploadItemsGrid tr[style*="Green"] input[type=text] {
        background: #dff7e5 !important;
        border-color: #69c98a !important;
    }

    .UploadItemsGrid tr[style*="Orange"] input[type=text] {
        background: #fff1cf !important;
        border-color: #ffcc66 !important;
    }

    .UploadItemsGrid tr[style*="Yellow"] input[type=text] {
        background: #fff8c9 !important;
        border-color: #e8d66b !important;
    }

/*=========================================
SE_CustomerOrderNew - Upload Toolbar
=========================================*/

.UploadItemsActions {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,215,0,.10);
    box-shadow: 0 4px 15px rgba(0,0,0,.25);
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 20px;
}

    .UploadItemsActions table {
        margin: auto;
    }

    .UploadItemsActions td {
        padding: 5px 10px;
        vertical-align: middle;
    }

    .UploadItemsActions img {
        transition: all .25s ease;
        cursor: pointer;
        border-radius: 8px;
    }

        .UploadItemsActions img:hover {
            transform: scale(1.15);
            filter: drop-shadow(0 2px 6px rgba(0,0,0,.25));
        }

    .UploadItemsActions a {
        color: #49498a;
        font-weight: bold;
        text-decoration: none;
        padding: 6px 14px;
        border-radius: 8px;
        background: rgba(255,255,255,.55);
        transition: all .25s ease;
    }

        .UploadItemsActions a:hover {
            background: #ffffff;
            color: #363668;
        }
    /*=========================================
SE_CustomerOrderNew - Download Template Link
=========================================*/
    .UploadItemsActions a {
        color: #49498a;
        font-weight: bold;
        text-decoration: none;
        padding: 6px 14px;
        border-radius: 8px;
        background: rgba(255,255,255,.55);
        transition: all .25s ease;
    }

        .UploadItemsActions a:hover {
            background: #ffffff;
            color: #363668;
        }

    .UploadItemsActions input[type=file] {
        padding: 6px;
        border-radius: 8px;
        background: rgba(255,255,255,.35);
    }

/* =========================================
   SE_CustomerOrderNew - Grid Section
========================================= */

.GridSectionBox {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,215,0,.10);
    box-shadow: 0 4px 15px rgba(0,0,0,.25);
    margin-top: 25px;
    border-radius: 16px;
    padding: 20px;
}
/* =========================================
   SE_CustomerOrderNew - Upload Toolbar Icons
========================================= */

.UploadItemsActions table {
    margin: auto;
}

.UploadItemsActions tr:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
}

    .UploadItemsActions tr:first-child td {
        padding: 0;
        width: auto !important;
    }
/* =========================================
   SE_CustomerOrderNew - Import Top Bar
========================================= */

.importTopBar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
}

.importFileBox {
    display: flex;
    align-items: center;
    gap: 15px;
}

.importFileDivider {
    width: 1px;
    height: 30px;
    background: rgba(73,73,138,.25);
}

.importTemplateBtn {
    text-decoration: none;
    font-weight: bold;
    color: #49498a;
}

.importActionsBox {
    display: flex;
    align-items: center;
    gap: 15px;
}

    .importActionsBox img {
        transition: .25s;
    }

        .importActionsBox img:hover {
            transform: scale(1.15);
        }


/* =========================================
   RecQuantitiesWithPricesNew - GridView
========================================= */

.UploadItemsGridPurchasing {
    padding: 10px;
}

    .UploadItemsGridPurchasing table {
        width: auto;
        margin: auto;
        border-collapse: separate;
        border-spacing: 0;
        border-radius: 12px;
        overflow: hidden;
    }

    .UploadItemsGridPurchasing th {
        background: linear-gradient(to right,#4f4f4f,#666666);
        color: #f0c14b;
        padding: 10px;
        text-align: center;
        font-weight: bold;
    }

    .UploadItemsGridPurchasing td {
        padding: 6px;
        background: #f7f7f7;
        color: #333;
    }

    .UploadItemsGridPurchasing tr:nth-child(even) td {
        background: #efefef;
    }

    .UploadItemsGridPurchasing tr:not([style*="Red"]):not([style*="Green"]):not([style*="Orange"]):not([style*="Yellow"]):hover td {
        background: #f8edc2;
    }

    .UploadItemsGridPurchasing input[type=text] {
        width: 95%;
        border: 1px solid #7a7a7a;
        border-radius: 6px;
        padding: 5px;
        text-align: center;
        background: #f7f7f7;
    }
    /* الكود */
    .UploadItemsGridPurchasing input[id*="txtCode"] {
        width: 200px !important;
    }

    /* الكمية */
    .UploadItemsGridPurchasing input[id*="txtQuantity"] {
        width: 70px !important;
    }

    /* السعر */
    .UploadItemsGridPurchasing input[id*="txtPrice"] {
        width: 90px !important;
    }

    /* آخر سعر شراء */
    .UploadItemsGridPurchasing input[id*="txtLastBuyingPrice"] {
        width: 90px !important;
    }

    /* آخر سعر شراء من المورد */
    .UploadItemsGridPurchasing input[id*="txtLastBuyingPriceSupplier"] {
        width: 110px !important;
    }
/* =========================================
   Upload Grid Validation Colors
========================================= */

    .UploadItemsGridPurchasing tr[style*="Red"] td,
    .UploadItemsGridPurchasing tr[style*="#FF0000"] td {
        background: #ff3b3b !important;
        color: #fff !important;
    }

    .UploadItemsGridPurchasing tr[style*="Orange"] td,
    .UploadItemsGridPurchasing tr[style*="#FFA500"] td {
        background: #ffb300 !important;
        color: #222 !important;
    }

    .UploadItemsGridPurchasing tr[style*="Green"] td,
    .UploadItemsGridPurchasing tr[style*="#008000"] td {
        background: #00a651 !important;
        color: #fff !important;
    }

    .UploadItemsGridPurchasing tr[style*="Yellow"] td,
    .UploadItemsGridPurchasing tr[style*="#FFFF00"] td {
        background: #fff176 !important;
        color: #222 !important;
    }

    .UploadItemsGridPurchasing tr[style*="Red"] input[type=text] {
        background: #ffdede !important;
        border-color: #ff8a8a !important;
    }

    .UploadItemsGridPurchasing tr[style*="Green"] input[type=text] {
        background: #dff7e5 !important;
        border-color: #69c98a !important;
    }

    .UploadItemsGridPurchasing tr[style*="Orange"] input[type=text] {
        background: #fff1cf !important;
        border-color: #ffcc66 !important;
    }

    .UploadItemsGridPurchasing tr[style*="Yellow"] input[type=text] {
        background: #fff8c9 !important;
        border-color: #e8d66b !important;
    }
/* =========================================
   ERP Footer HyperLink
========================================= */

.erp-link-button {
    display: inline-block;
    text-decoration: none;
    color: #f0c14b;
    background: linear-gradient(to right,#5a5a5a,#707070);
    border: 1px solid #8a8a8a;
    padding: 8px 18px;
    border-radius: 8px;
    font-weight: bold;
    margin-right: 10px;
    transition: all .25s ease;
}

    .erp-link-button:hover {
        color: #ffffff;
        background: linear-gradient(to right,#6a6a6a,#7f7f7f);
        box-shadow: 0 3px 10px rgba(0,0,0,.25);
    }

/* =========================================
   TopHeaderRow
========================================= */
.TopHeaderRow {
    display: flex;
    align-items: center;
    height: 70px;
    padding: 0 25px;
}

/* اللوجو */

.HeaderRight {
    width: 260px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/* اسم الشركة */

.HeaderCenter {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.SystemTitle {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

/* المستخدم */

.HeaderLeft {
    width: 260px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
/* =========================================
   Credit Limit Warning
========================================= */

.erp-credit-warning {
    margin-top: 15px;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #d32f2f;
    background: #fff3cd;
    border: 1px solid #f0c14b;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.erp-credit-warning-before {
    color: #c00000;
}

@media print {

    /* إخفاء الهيدر والقوائم */
    .TopHeaderRow,
    .TopHeaderRow,
    .BottomHeaderRow,
    .HeaderActionsArea,
    .importTopBar,
    .UploadItemsActions,
    .erp-footer-actions,
    .FloatingNotesButton,
    .LeftMenu,
    .MenuArea {
        display: none !important;
    }

    body {
        background: #fff !important;
    }

    /* إزالة الظلال والخلفيات */
    .GridSectionBox,
    .UploadItemsBox,
    .InvoiceMainBox {
        box-shadow: none !important;
        border: none !important;
        background: #fff !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* تصغير الجدول للطباعة */
    .UploadItemsGrid table,
    .UploadItemsGridPurchasing table {
        width: auto !important;
        margin: auto !important;
    }

    /* إظهار حدود الخانات فى الطباعة */
    .UploadItemsGrid input[type=text],
    .UploadItemsGridPurchasing input[type=text] {
        border: 1px solid #999 !important;
        background: #fff !important;
        box-shadow: none !important;
        color: #000 !important;
        font-weight: bold !important;
        border-radius: 0 !important;
    }
    /* خطوط الجدول */
    .UploadItemsGrid table,
    .UploadItemsGrid th,
    .UploadItemsGrid td,
    .UploadItemsGridPurchasing table,
    .UploadItemsGridPurchasing th,
    .UploadItemsGridPurchasing td {
        border: 1px solid #999 !important;
    }

    .UploadItemsGrid table,
    .UploadItemsGridPurchasing table {
        border-collapse: collapse !important;
    }

    /* ألوان الطباعة */
    .UploadItemsGrid th,
    .UploadItemsGridPurchasing th {
        background: #ddd !important;
        color: #000 !important;
    }

    .UploadItemsGrid td,
    .UploadItemsGridPurchasing td {
        background: #fff !important;
        color: #000 !important;
    }

    /* الحفاظ على ألوان التنبيهات */
    .UploadItemsGrid tr[style*="Red"] td,
    .UploadItemsGrid tr[style*="#FF0000"] td,
    .UploadItemsGridPurchasing tr[style*="Red"] td,
    .UploadItemsGridPurchasing tr[style*="#FF0000"] td {
        background: #ffd6d6 !important;
    }

    .UploadItemsGrid tr[style*="Orange"] td,
    .UploadItemsGrid tr[style*="#FFA500"] td,
    .UploadItemsGridPurchasing tr[style*="Orange"] td,
    .UploadItemsGridPurchasing tr[style*="#FFA500"] td {
        background: #fff0c2 !important;
    }

    .UploadItemsGrid tr[style*="Green"] td,
    .UploadItemsGrid tr[style*="#008000"] td,
    .UploadItemsGridPurchasing tr[style*="Green"] td,
    .UploadItemsGridPurchasing tr[style*="#008000"] td {
        background: #dff7e5 !important;
    }
    .UploadItemsGrid tr,
    .UploadItemsGridPurchasing tr {
        page-break-inside: avoid !important;
    }

    .UploadItemsGrid table,
    .UploadItemsGridPurchasing table {
        page-break-inside: auto;
    }
}
/* =========================================================
   STOCK STATUS TABLE
   ========================================================= */

table.paleBlueRowsForSSModel {
    background: #f5f5f5 !important;
    color: #555555 !important;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 18px rgba(0,0,0,0.10);
}

    table.paleBlueRowsForSSModel tbody tr:first-child {
        background: linear-gradient(to right,#555,#6a6a6a) !important;
    }

    table.paleBlueRowsForSSModel th {
        background: #5b5b5b !important;
        color: #f0c14b !important;
        font-weight: bold;
    }
    /* الصفوف الفردية */
    table.paleBlueRowsForSSModel tr:nth-child(odd) td {
        background: #ffffff !important;
    }

    /* الصفوف الزوجية */
    table.paleBlueRowsForSSModel tr:nth-child(even) td {
        background: #fcf8ea !important;
    }

    table.paleBlueRowsForSSModel tbody tr:not(:first-child):hover {
        box-shadow: inset 0 0 0 1px #d6a62b;
    }

        table.paleBlueRowsForSSModel tbody tr:not(:first-child):hover td {
            background: linear-gradient( to bottom, #f8e3a0 0%, #e9c96a 100% ) !important;
            color: #111 !important;
            font-weight: 600;
            transition: all .14s ease;
        }

    table.paleBlueRowsForSSModel td,
    table.paleBlueRowsForSSModel th {
        border: 1px solid #8a8a8a;
        padding: 8px;
    }

    table.paleBlueRowsForSSModel a {
        color: #383862 !important;
        font-weight: 600;
    }

        table.paleBlueRowsForSSModel a:hover {
            color: #c99700 !important;
        }
    table.paleBlueRowsForSSModel tr td:last-child {
        background: linear-gradient( to bottom, #f1f1f1 0%, #dcdcdc 100% ) !important;
        color: #333 !important;
        font-weight: bold;
    }
    table.paleBlueRowsForSSModel th a,
    table.paleBlueRowsForSSModel th a:visited,
    table.paleBlueRowsForSSModel th a:hover {
        color: #f0c14b !important;
        text-shadow: 0 1px 1px rgba(0,0,0,.35);
        font-weight: bold;
    }